 @bg:#111111;
 @orange:#fcac45;


		
 .header{
	 background-color: @bg;
	 .navbar-default .navbar-nav .active a{
		 background-color: transparent;
		 color: #fff;
	 	&:active{
	 		background-color: @bg;
	 	}
	 }
	 .navbar-nav>li>a{
		 padding-bottom: 13px;
	 }
 }
 .navbar{
	 margin-bottom: 0;
 }
 .navbar-default{
		background-color: @bg;
		border-radius: 0;
		border-style: none;
		
		.navbar-brand{
			color: #FFF;
		}
		// !!!!
		
		.navbar-nav li a{
			color: #fff;
			text-transform: uppercase;
			&:hover{
				background-color: @bg;
				border-bottom: 3px solid #fff;
			}
		}
 }
 .bg{
	 height: 695px;
	 background-color: @bg;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
	 position: relative;
	 .head_down{
		 width: 46px;
		 height: 46px;
		 border: 2px solid #fff;
		 border-radius: 50%;
		 bottom: 89px;
		 color: #c3c3c3;
		 font-weight: bolder;
		 font-size: 23px;
		 text-align: center;
		 line-height: 41px;
		 position: absolute;
		 transition: all .6s;
		 &:hover{
			 box-shadow: 1px 1px 39px #fff;
			 transform: translateY(-15px);
		 }
	 }
	 .title{
		 span{
			 font-size: 32px;
			 text-transform: uppercase;
			 &:nth-child(1){
				 color: #999999;
			 }
			 &:nth-child(2){
				 color: @orange;
			 }
		 }
	 }
	 p{
		 color: #c3c3c3;
		 text-align: center;
		 span{
			 font-weight: bolder;
		 }
	 }
 }
 
 .page_title{
 	// height: 93px;
 	// line-height: 93px;
	padding-top: 31px;
	margin-bottom: 31px;
 	text-align: center;
 	font-size: 31px;
 	color: #fff;
 	width: 100%;
 	text-transform: uppercase;
 	margin-top: 69px;
 }
 .page_title2{
	 color: black;
 }
.second_page{
	height: 613px;
	background-color: #fff;
	img{
		margin-top: 100px;
	}
	
	.about_us{
		margin-top: 100px;
		color: #636363;
		font-size: 14px;
		height: 14px;
		line-height: 14px;
	}
	.second_page_head{
		height: 64px;
		line-height: 64px;
		font-size: 24px;
		color: #222222;
		span{
			display: inline-block;
			height: 64px;
			border-bottom: 5px solid @orange;
		}
	}
	.second_text{
		font-size: 12px;
		line-height: 24px;
		// width: 414px;
		margin-top: 26px;
	}
	.text{
		
		.second_btn{
			margin-top: 43px;
			height: 45px;
			width: 192px;
			border: 1px solid #7f7f7f;
			color: #7f7f7f;
			line-height: 45px;
			font-size: 13px;
			padding-left: 34px;
			// text-align: center;
			transition: all 0.5s;
			&:hover{
				box-shadow: 1px 1px 39px #ccc;
				transform: translateY(-15px);
			}
		}
	}
	ul {
		margin-top: 31px;
	
	
		li{
			line-height: 34px;
			height: 34px;
			font-size: 14px;
			list-style: none;
		}
	}
}
.carousel-indicators li{
	border-radius: 0;
}
.carousel-indicators .active{
	background-color: @orange;
}
// 第三页
.third_page{
	height: 725px;
	background-color: @bg;
	display: flex;
	justify-content: center;
	
	.people_head{
		width: 127px;
		height: 127px;
		border-radius: 50%;
		background-color: #d7d7d7;
		// margin-top: ;
		margin: 0 auto;
		margin-top: 93px;
	}
	.third_page_h3{
		font-size: 13px;
		height: 14px;
		line-height: 14px;
		color: #fff;
		width: 127px;
		margin: 0 auto;
		margin-top: 23px;
		text-align: center;
		margin-bottom: 33px;
		span{
			font-weight: bolder;
			font-size: 14px;
		}
	}
	.people_font{
		font-size: 11px;
		margin: 0 auto;
		width: 100%;
		color: #fff;
	}
	.third_page_ol{
		top: 400px;
	}
	.carousel-indicators{
		bottom: 0;
	}
}
.page_stick1{
		height: 4px;
		width: 65px;
		background-color: @orange;
		margin: 0 auto;
		
	}
.page_stick2{
		height: 4px;
		width: 55px;
		background-color: #b37b33;
		margin: 0 auto;
		margin-top: 10px;
	}
// 第四页
.fourth_page{
	height: 735px;
	.fourth_page_p{
		line-height: 24px;
		font-size: 12px;
		margin-top: 35px;
		margin-bottom: 100px;
	}
	.fourth_thing{
		position: relative;
		width: 112px;
		height: 112px;
		border-radius: 50%;
		border: 6px solid @orange;
		margin: 0 auto;
		margin-top: 26px;
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
	.fourth_thing_title{
		font-size: 18px;
		height: 18px;
		line-height: 18px;
		margin: 0 auto;
		margin-top: 28px;
		text-align: center;
		font-weight: bolder;
		
	}
	.fourth_thing_p{
		margin: 0 auto;
		margin-top: 17px;
		font-size: 11px;
		line-height: 21px;
		width: 100%;
		// margin-bottom: 126px;
	}
	
}

// 第五页
.fifth_page{
	height: 517px;
	background-color: @bg;
	.fifth_logos{
		margin-top: 73px;
		width: 100%;
		font-size: 40px;
		text-align: center;
	}
	
}
// 第六页
.sixth_page{
	height: 100%;

	.sixth_font{
		line-height: 24px;
		font-size: 12px;
		margin-top: 35px;
		margin-bottom: 100px;
		color: #6c6c6c;
	}
	.sixth_title{
		color: @bg;
	}
	.sixth_set{
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
		.sixth_set_left{
			font-size: 13px;

		}
		.sixth_set_right{
			color: #6c6c6c;
			font-size: 13px;
			.sixth_span{
				color: #111111;
			}
		}
	}
	.sixth-box{
		position: relative;
		margin-bottom: 30px;
	}
	.sixth_img{
		// margin-top: 50px;
		margin-bottom: 30px;
	}
	.sixth_hover{
		position: relative;

		background-color: #111111;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: all .6s;
		display: flex;
		justify-content: center;
		&:hover{
			opacity: 1;
			transform: rotate(360deg);
		}
		.sixth_hover_h{
			font-size: 14px;
			top: 30%;
			position: absolute;
			text-align: center;
			color: #fff;
		}
		.sixth_hover_p{
			font-size: 10px;
			top: 40%;
			position: absolute;
			text-align: center;
			color: #b2b2b2;
		}
		.sixth_hover_add{
			position: absolute;
			width: 38px;
			height: 38px;
			border: 2px solid @orange;
			border-radius: 50%;
			bottom: 20%;
			line-height: 38px;
			font-size: 30px;
			text-align: center;
			color: @orange;
		}
	}
}
// 第七页
.seventh_page{
	height: 562px;
	background-color: @bg;

	.seventh_p1{
		font-size: 13px;
		color: #e8e8e8;
		width: 50%;
		margin: 0 auto;
		text-align: center;
		margin-top: 100px;
	}
	.seventh_p2{
		color: #b2b2b2;
		margin: 0 auto;
		text-align: center;
		margin-top: 50px;
	}
}
// 第八页
.eighth_page{
	height: 833px;
	display: flex;
	justify-content: center;
	.eighth_title{
		color: @bg;
	}
	.eighth_p{
		color: #858585;
		font-size: 11px;
		margin: 0 auto;
		text-align: center;
		margin-top: 92px;
		margin-bottom: 124px;
		width: 50%;
	}
	.eighth_h{
		font-size: 13px;
		color: #636363;
		span{
			color: #db0000;
		}
	}
	.eighth_i{
		width: 100%;
		height: 40px;
	}
	.eighth_h2{
		margin-top: 30px;
	}
	.textarea{
		width: 100%;
		height: 161px;
	}
	.eighth_btn{
		height: 40px;
		width: 165px;
		background-color: @orange;
		clear: both;
		float: right;
		margin-right: 1.5%;
		text-align: center;
		line-height: 40px;
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
		margin-top: 30px;
	}
}

// last
.last{
	background-color: #222222;
	height: 100%;
	// display: flex;
	// align-items: center;
}
.last_left{
	color: #b2b2b2;
	font-size: 10px;
	line-height: 90px;
}
.last_right{
	line-height: 90px;
}


@media (max-width:992px){
	.img{
		display: none;
	}
}

@media screen and (max-width: 1199px) and (min-width: 993px){
	.img{
		width: 100%;
	}
}

@media (min-width:992px){
	.text{
		padding-left: 100px;
	}
}
@media (max-width:992px){
	.third_page{
		height: 100%;
	}
}
@media (max-width:992px){
	.third_page .third_page_ol{
		top: 700px;
	}
	.fourth_page{
		height: 100%;
	}
	.eighth_page{
		height: 100%;
		margin-bottom: 26px;
	}
	
}

@media (max-width:768px){
	.third_page .third_page_ol{
		top: 1378px;
	}
}
@media (max-width:573px){
	.sixth-box img{
	width: 100%;
	// height: 80%;
}
	
// .last{
// 	height: 100%;
// }
}
@media (min-width:573px) and (max-width:1024px){
	.sixth-box img{
	width: 98%;
	// height: 80%;
}
	// .sixth_hover{
	// 	width: 98%;
	// }
}
@media (min-width:1025px) and (max-width:1200px){
	.sixth-box img{
	width: 100%;
	// height: 80%;
}}

@media (min-width:992px){
	.last_right{
		float: right;
	}
}
